/*
	Based on digg.com. No approval or endorsement of Digg is implied.
	Icons are from http://www.famfamfam.com/lab/icons/ with a free to use license.
	All original graphics are licensed under a Mozilla Public License (http://www.mozilla.org/MPL/)
*/

/* GLOBAL STYLES */	
html {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(images/bg.gif) repeat-x top center;
	margin: 0;
	padding: 0 20px;
	color: #7498bb;
	font-size: 83%;
	line-height: 1.25em;
	font-family: Arial,helvetica,sans-serif;
}

body#file_uploader {
	background: #fff;
}

h1, h2, h3, h4 {
	letter-spacing: -0.05em;
}

a {
	color: #2b5674;
	text-decoration: none;
	font-weight: 700;
}

a:visited {
	color: #2b5674;
}

a:hover, a:focus {
	color: #000033;
	text-decoration: underline;
}

img {
	border: none !important;
}

.hidden {
	display: none;
}

.clear {
	clear: both !important;
}

div.clear {
	height: 0px;
	margin: 0;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.rule {
	border-style: none;
	margin: 1em 0;
	height: 1px !important;
	background-color: #aeaeae;
	display: block !important;
}

.inline {
	display: inline;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	margin: 0;
}


/* HEADER */

#header {
	width: 100%;
	position: relative;
	padding: 0;
	background: #2b5674;
}

#header h1 {
	margin: 0 0 0 14px;
	padding: 16px 0 0 0;
}

#header h1 a {
	color: #fff;
}

#header h1 br {
	display: none;
}

#header h1 div#logout {
	position: absolute;
	right: 14px;
	top: 20px;
	font-size: 0.6em;
}

#header span#powered_by {
	font-size: 0.6em;
	color: #95aab9;
	font-style: italic;
	margin: 0 0 0 14px;
}

#header ul {
	margin: 1em 0 0 0;
	padding: 0 14px;
	list-style: none;
	width: auto;
	position: relative;
	display: block;
	line-height: 1em;
	background: #a29f78;
}

#header ul li {
	padding: 8px 0;
	margin: 0 20px 0 0;
	float: left;
}

#header ul li.current {
	background: url(images/main_current.gif) no-repeat bottom center;
}

#header ul li a {
	color: #605c1a;
	font-weight: bold;
}

#header ul li.current a, #header ul li a:hover {
	color: #2b5674;
	font-weight: bolder;
}


/* SIDEBAR */

#sidebar {
	background: #605c1a url(images/sub_menu.gif) no-repeat bottom left;
	color: #a29f78;
	margin: 0;
	padding: 0;
}

#sidebar ul {
	background: transparent url(images/sub_menu.gif) no-repeat bottom right;
	margin: 0;
	padding: 0 14px;
	list-style: none;
	font-weight: bold;
	display: block;
}

#sidebar ul li {
	padding: 7px 0;
	margin: 0 20px 0 0;
	float: left;
}

#sidebar ul li.current {
	background: url(images/sub_current.gif) no-repeat bottom center;
}

#sidebar ul li.current a {
	color: #fff;
	font-weight: 700;
}

#sidebar ul li a {
	color: #a29f78;
	font-weight: normal;
}

#sidebar ul li.section_header {
	display: none;
}


/* CONTENT - GLOBALS */
#wrapper {
	background: transparent url(images/main_bg.gif) no-repeat scroll top right;
	margin: 20px 0 0 0;
	padding: 0 14px 0 0;
}

#main {
	background: transparent url(images/main_bg.gif) no-repeat scroll top left;
	padding: 1px 0 0 14px;
	color: #222;
	min-height: 400px;
	overflow: visible;
}

#main h2 {
	font-weight: normal;
	color: #444;
	float: left;
}

#main h2 + p.right {
	padding-top: 2px;
	float: right;
}

#main #left {
	width: 49%;
	float: left;
}

#main #right {
	width: 49%;
	margin: 0 0 0 51%;
}

#main .rev_change {
	background: #ffffcc;
}

#main .rev_add {
	background: #ccffcc;
}

#main .rev_del {
	background: #f0b2b2;
}


/* CONTENT - IMAGE LINKS */

#main a.view_link, #main a.edit_link, #main a.edit_link_off, #main a.delete_link, #main a.delete_link_off, #main div.approved, #main div.spam, #main div.moderated, #main a.create_thumb_link, #main a.replace_link, #main a.move_link, #main a.rename_link {
	display: block;
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background-image: url(images/view.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#main a.edit_link {
	background-image: url(images/edit.gif);
}

#main a.edit_link_off {
	background-image: url(images/edit_off.gif);
}

#main a.delete_link {
	background-image: url(images/delete.gif);
}

#main a.create_thumb_link {
	background-image: url(images/create_thumb.gif);
}

#main a.replace_link {
	background-image: url(images/replace.gif);
}

#main a.move_link {
	background-image: url(images/move.gif);
}

#main a.rename_link {
	background-image: url(images/rename.gif);
}

#main div.approved {
	background-image: url(images/comment_approved.gif);
}

#main div.spam {
	background-image: url(images/comment_spam.gif);
}

#main div.moderated {
	background-image: url(images/comment_moderated.gif);
}

#main span.legend_approved, #main span.legend_spam, #main span.legend_moderated {
	display: inline;
	margin: 0;
	padding-left: 20px;
	background-image: url(images/comment_approved.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#main span.legend_spam {
	background-image: url(images/comment_spam.gif);
}

#main span.legend_moderated {
	background-image: url(images/comment_moderated.gif);
}

#main a.view_link span, #main a.edit_link span, #main a.edit_link_off span, #main a.delete_link span, #main a.delete_link_off span, #main div.approved span, #main a.create_thumb_link span, #main a.replace_link span, #main a.move_link span, #main a.rename_link span {
	display: none;
}


/* CONTENT - NOTIFICATIONS */

#main p.alert, #main p.save, #main p.trash, #main p.approve, #main p.loading {
	width: 80%;
	background: #95aab9 url('images/important.gif') no-repeat 4px 50%;
	border: 2px solid #2b5674;
	padding: 0.5em 32px;
	color: #fff;
	margin: 1em auto;
	clear: both;
	font-weight: 900;
}

#main p.save {
	background: #95aab9 url('images/save.gif') no-repeat 4px 50%;
}

#main p.trash {
	background: #95aab9 url('images/trash.gif') no-repeat 4px 50%;
}

#main p.approve {
	background: #95aab9 url('images/approved.gif') no-repeat 4px 50%;
}

#main p.loading {
	background: #95aab9 url('images/loading.gif') no-repeat 4px 50%;
}


/* CONTENT - FORMS */

#main form, #file_uploader form {
	clear: both;
}

#main form label, #file_uploader label {
	width: 10em;
	padding: 0.25em 2em 0 0;
	display: block;
	float: left;
	position: relative;
	vertical-align: middle;
	font-weight: bold;
	color: #222;
}

#main form#editor_form label {
	width: 10%;
}

#main form.wp label {
	width: 20em !important;
}

#main form input, #main form textarea, #main form select, #file_uploader input, #file_uploader select {
	background: #c7c5ae url(images/input_bg.gif) repeat-x scroll top left;
	color: #605c1a;
	border: 1px solid #605c1a;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0.25em;
	width: 14em;
	font-size: 1.2em;
}

#main form select, #file_uploader select {
	width: 20%;
	background-image: none !important;
	padding: 0 0 0 0.25em !important;
	line-height: 1.2em;
}

#main form select.date_select {
	width: auto !important;
}

#main form select#timezones_dropdown {
	width: 18em !important;
	max-width: 18em !important;
	font-family: monospace;
}

#main form select#timezones_dropdown option {
	font-family: monospace;
}

#main form select option {
	padding-right: 1em;
}

#main form#options_form select {
	display: inline !important;
	width: auto !important;
}

#main form input.select {
	margin: 0.25em 0 !important;
	width: 8em !important;
	font-size: inherit !important;
}

#main form select#timeframe {
	width: auto !important;
	margin-left: 1em;
}

#main form#editor_form input {
	width: 80%;
	font-size: 1.5em;
}

#main form#editor_form input.date {
	width: 10%;
	text-align: center;
	font-size: 1.2em;
}

#main form input.checkbox, #main form #options input.checkbox {
	width: auto !important;
}

#main form #options input.checkbox {
	vertical-align: -1em !important;
}

#main form textarea {
	font-size: 1.5em;
	line-height: 1.5em;
	width: 80%;
	height: 20em;
	padding: 0 0 0 0.25em;
	font-family: inherit;
}

#main form textarea#tags_input {
	height: auto;
	overflow: auto;
}

#main form#link_form textarea#tags_input {
	width: 10em;
}

#main form input.submit, #file_uploader input.submit {
	margin: 2em 0 0 1em !important;
	background: #605c1a !important;
	padding: 0.25em 0.5em 0.35em !important;
	border-style: outset !important;
	width: auto !important;
	font-size: 1.2em !important;
	cursor: pointer !important;
	color: #c7c5ae !important;
}

#main form input.submit:active, #file_uploader input.submit:active {
	border-style: inset !important;
}

#main form label a:hover, #file_uploader form label a:hover {
	cursor: default;
}

#main form label a span.explain, #file_uploader form label a span.explain {
	color: #000;
	background: #ccdeaf;
	width: 20em;
	font-style: italic;
	line-height: 1.25em;
	position: absolute;
	top: 0px;
	left: 10em;
	padding: 0.25em 0.5em;
	display: none;
	z-index: 10;
}

#main form label a:hover span.explain, #file_uploader form label a:hover span.explain {
	display: block;
}

#main form label span.link_approve {
	color: #a5cc7a;
}

#main form label span.link_alert {
	color: #99171d;
}

#main #editor {
	width: 76%;
	padding-right: 1%;
	margin-bottom: 1em;
	margin-right: 1%;
	margin-top: 14px;
	float: left;
}

#main #editor p#recent_tags {
	margin-left: 8em;
	margin-right: 3em;
}

#main #options {
	margin-left: 76%;
	background: url(images/footer_bg.gif) no-repeat top right;
	margin-top: 16px;
	position: relative;
}

#main #options h3 {
	margin: 0 0 0.25em 0;
	padding-top: 0.5em;
}

#main #options h3:first-child {
	background: url(images/footer_bg.gif) no-repeat top left;
	margin-right: 14px;
}

#main #options select {
	margin-bottom: 1em;
	width: 84%;
}

#main #options select option:hover {
	background: #b8c3bb !important;
}

#main #options select.date_select {
	font-size: 0.8em;
}

#main #options input {
	width: 81% !important;
	font-size: 1em !important;
}

#main #options label {
	width: auto !important;
}

#main form#options_form label {
	width: 20em;
}

#main form input.narrow {
	width: 3em !important;
}

#main #options input#page_order {
	display: inline !important;
	width: 2em !important;
	font-size: 0.9em !important;
	margin: 0 0 0 0.5em !important;
	text-align: center;
}

#main #options #image_preview img {
	max-width: 80%;
	margin: 0 auto;
}

#main #options ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main #options ul li {
	margin: 0;
	padding: 0 0 0.5em 0;
}

#main .tag_cloud_1 {
	margin: 0 1em 0 0;
}

#main .theme_thumb {
	width: 300px;
	margin: 1em;
	padding: 10px;
	text-align: center;
	float: left;
}

#main .theme_thumb p {
	margin: 0;
}

#main #theme_thumb_selected {
	width: 300px;
	margin: 1em;
	padding: 10px;
	text-align: center;
	background: #2b5674;
	color: #fff;
}

#main #theme_thumb_selected a {
	color: #fff;
}

#main p.invalid_theme strong {
	display: block;
	float: left;
	width: 10em;
}


/* CONTENT - DASHBOARD */

#front_page {
	padding: 0 20px 20px;
	background: #fff;
}

#front_page > div {
	margin: 0 1% 2em;
	padding: 1%;
	width: 21%;
	float: left;
	min-height: 150px;
	background: url(images/footer_bg.gif) 50% 0px no-repeat;
}

#front_page h3 {
	margin: 0 0 1em 0;
	padding: 0;
}

#front_page ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#front_page ul li {
	padding: 0.5em 0 !important;
}


/* CONTENT - MEDIA LIST */

#main #options #file_list_div {
	height: 200px;
	overflow: auto;
	margin: 0 0.1em;
	position: relative;
}

#main #options #file_list_div div.loading {
	padding-left: 50px;
	background: url(images/loading_small.gif) no-repeat 26px center !important;
}

#main #options #confirm_image, #main #options #confirm_embed {
	display: none;
	width: 210px;
	height: 110px;
	padding: 20px;
	background: transparent url(images/confirm_bg.png) center center no-repeat;
	_background: #2b5674 !important;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -125px;
	color: #fff;
	z-index: 10;
}
	
#main #options #confirm_image a, #main #options #confirm_embed a {
	color: #fff;
}

#main #options ul#file_list {
	padding: 0.5em 0;
	margin: 0.25em 0.5em 0 0;
}

#main #options ul#file_list li {
	margin: 0 1em 0 0;
}

#main #options ul#file_list li a {
	padding: 0.1em 0 0.2em 20px;
	display: block;
	background-image: url(images/file.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#media_list td.file {
	padding: 0.1em 0 0.2em 20px;
	background-image: url(images/file.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#main #options ul#file_list li a.back, #media_list td.back {
	background-image: url(images/back.gif);
}

#main #options ul#file_list li a.text, #media_list td.text {
	background-image: url(images/text.gif);
}

#main #options ul#file_list li a.folder, #media_list td.folder {
	background-image: url(images/folder.gif);
}

#main #options ul#file_list li a.image, #media_list td.image {
	background-image: url(images/image.gif);
}

#main #options ul#file_list li a.sub {
	padding-left: 40px !important;
	background-position: 20px center !important;
}

#main #options ul#file_list li a.thumb_link {
	float: right;
	background: none !important;
	padding: 0 !important;
}


/* CONTENT - TABLES */

#main #table_wrap {
	background: transparent url(images/footer_bg.gif) no-repeat top right !important;
}

#main table {
	background: transparent url(images/footer_bg.gif) no-repeat -30px 0px !important;
	padding: 1px 0 0 0 !important;
	border-collapse: collapse;
	clear: both;
	width: 100%;
}

#main table tr {
	border-bottom: 1px solid #cad5dc;
}

#main table tr th, #main table tr td {
	text-align: left;
	padding: 0.2em 0.5em;
}

#main table tr#first th {
	padding-top: 0.4em;
}

#main table tr th:first-child {
	background: transparent url(images/footer_bg.gif) no-repeat top left !important;
}

#main table tr th:last-child {
	background: transparent url(images/footer_bg.gif) no-repeat top right !important;
}

#main table tr th.center, #main table tr td.center {
	text-align: center !important;
}

#main table tr th + th {
	border-left: 1px solid #eeeff1;
}

#main table tr th {
	color: #14568a;
}

#main table tr th.narrow, #main table tr td.narrow {
	width: 3em !important;
}

#main table tr th.up a {
	display: block;
	width: auto;
	padding-right: 20px;
	background-image: url(images/up.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}

#main table tr th.down a {
	width: auto;
	display: block;
	padding-right: 20px;
	background-image: url(images/down.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}

#main table tr td.sub1 {
	padding-left: 1.5em;
}

#main table tr td.sub2 {
	padding-left: 2.5em;
}

#main table tr td.sub3 {
	padding-left: 3.5em;
}

#main table tr td.sub4 {
	padding-left: 4.5em;
}

#main table tr td.sub5 {
	padding-left: 5.5em;
}

#main table tr td.aside {
	font-style: italic !important;
}

#main table tr td.alert {
	background: #99171d;
	color: #fff;
}


/* CONTENT - MISC */

#main #user_profile {
	width: 50%;
	margin: 0 auto;
}

#main #user_profile .faux_label {
	font-weight: bold;
	float: left;
	width: 10em;
	padding: 0 2em 0 0;
	margin: 0 0 1em 0;
}


/* POST PREVIEW */

#preview_wrap {
	clear: both;
	background: transparent url(images/footer_bg.gif) no-repeat 0px 0px !important;
	padding: 0 0 0 14px;
	min-height: 150px;
	margin: 20px 14px 50px;
}

#preview_wrap #preview {
	background: transparent url(images/footer_bg.gif) no-repeat top right !important;
	padding: 6px 0 0 0;
	height: 144px;
}


/* FOOTER */

#footer {
	background: transparent url(images/footer_bg.gif) no-repeat top left;
	clear: both;
	padding: 0 0 14px 14px;
	margin: 0;
	border: 14px solid #fff;
	border-top-width: 0;
	border-bottom-width: 0;
	height: 150px;
}

#footer ul {
	margin: 0;
	padding: 14px 0 0 0;
	background: transparent url(images/footer_bg.gif) no-repeat top right;
	height: 150px;
}

#footer ul li {
	padding: 0;
	list-style: none;
	margin: 0;
	float: left;
	width: 25%;
	text-align: center;
}
